<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script type="importmap">
      {
        "imports": {
          "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js",
          "vue-router": "https://unpkg.com/vue-router@4/dist/vue-router.esm-browser.js",
          "@vue/devtools-api": "https://unpkg.com/@vue/devtools-api/dist/index.js",
          "@vue/devtools-kit": "https://unpkg.com/@vue/devtools-kit/dist/index.js",
          "@vue/devtools-shared": "https://unpkg.com/@vue/devtools-shared/dist/index.js",
          "perfect-debounce": "https://unpkg.com/perfect-debounce/dist/index.mjs",
          "hookable": "https://unpkg.com/hookable/dist/index.mjs",
          "birpc": "https://unpkg.com/birpc/dist/index.mjs",
          "pinia": "https://unpkg.com/pinia/dist/pinia.esm-browser.js",
          "vue-demi": "https://unpkg.com/vue-demi/lib/index.mjs",
          "axios": "https://unpkg.com/axios/dist/esm/axios.js",
          "element-plus": "https://unpkg.com/element-plus/dist/index.full.mjs"
        }
      }
    </script>
  </head>
  <body>
    <div id="app">{{ message }}</div>
  </body>
  <!-- <script type="module">
    import { createApp, ref } from "vue";
    import App from "./src/app.js";

    createApp(App).mount("#app");
  </script> -->
  <script type="module" src="./main.js"></script>
</html>
